<template>
  <div v-show="visiable">
    <Dialog @close="close">
      <div slot="content">
        <img
          class="text1 center"
          :src="require('@/assets/page7/text1.png')"
          alt=""
        />
        <img
          class="qrcode center"
          :src="require('@/assets/page7/qrcode.png')"
          alt=""
        />
        <img
          class="text2 center"
          :src="require('@/assets/page7/text2.png')"
          alt=""
        />
      </div>
    </Dialog>
  </div>
</template>

<script>
import Dialog from './Dialog';
export default {
  props: {
    visiable: {
      default() {
        return false;
      },
    },
  },
  name: '',
  components: {
    Dialog,
  },
  data() {
    return {};
  },
  methods: {
    close() {
      this.$emit('update:visiable', false);
    },
  },
};
</script>

<style lang='scss' scoped>
@import '../styles/function.scss';
.text1 {
  width: switchwidth(349);
  margin-bottom: switchwidth(50);
  margin-top: switchwidth(79);
}
.text2 {
  width: switchwidth(290);
  margin-bottom: switchwidth(62);
  margin-top: switchwidth(26);
}
.qrcode {
  width: switchwidth(307);
}
</style>
